<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue-2.6.7.js"> </script>
</head>
<style type="text/css">
    .active{
        color: blue;
    }
    .over{
        display: none;
    }
</style>
<body>
    <div id="app">
        <p :class="{active:isActive,'over':mouseover}">对象语法绑定style</p>
        <p :class="[active,over]">数组语法绑定style</p>
    </div>
    <script>
        const vm = new Vue({
            el:"#app",
            data:{
                isActive:true,
                mouseover:false,
                active:"active"
            }
        })

    </script>
</body>
</html>